{% extends  'KuangJia.html' %}

{% block title %}
    <title>模板、继承方法大全</title>
{% endblock %}

{% load jp %} {#导入自定义模版#}

{% block css %}{% endblock %}

{% block body %}

    <h1>测试</h1>
    {% include 'web/ChaJian.html' %}
    {% verbatim %}
        {{ ’老咪，这里是不被替换的占位符，详情见html代码‘ }}
    {% endverbatim %}

    {#传context#}
    <h2>{{ n2 }}</h2>
    {#取列表#}
    <p>{{ n3 }}</p>
    {#取列表中的元素#}
    <p>{{ n3.0 }}</p>
    <p>{{ n3.1 }}</p>
    {#循环列表并展示#}
    <ul>
        {% for e in n3 %}
            <li>{{ e }}</li>
        {% endfor %}
    </ul>

    {#列表中的字典#}
    <p>{{ n4.name }}</p>
    <p>{{ n4.age }}</p>

    {#获取字典的键和值#}
    <ul>
        {% for item in n4.keys %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>
    <ul>
        {% for item in n4.values %}
            <li>{{ item }}</li>
        {% endfor %}
    </ul>

    {#打印列表嵌套字典#}
    <table border="1" style="color: aquamarine ">
        <tr>
            <th>id</th>
            <th>name</th>
            <th>age</th>
        </tr>
        {% for info in n5 %}
            <tr>
                <td>{{ info.id }}</td>
                <td>{{ info.name }}</td>
                <td>{{ info.age }}</td>

            </tr>
        {% endfor %}
    </table>

    {#传输类(class)#}
    <p>{{ n6.name }}<p>
    <p>{{ n6.age }}<p>
    <p>{{ n6.get_dami }}<p>

    {#传输函数#}
    <p>{{ n7 }}<p>

    {#内置模板函数#}
    <div>{{ n7|upper }}</div>
    <div>{{ n8|lower }}</div>

    {#自定义模版功能#}
    <div>{{ n7|myfunc }}</div>

{% endblock %}

{% block js %}{% endblock %}